<template>
    <div class="NumbeRFMaintenMZGHJZ">
        <div class="pubBig standard ">
            <div class="h0">
                <p class="lt">门诊挂号接诊</p>
            </div>

            <div class="dRightMain">
                <el-row>
                    <el-col :span="24">
                        <div class="cardP">
                            <el-card class="box-card">
                                <div slot="header" class="clearfix">
                                    <span>挂号列表</span>
                                    <el-button style="float: right; padding: 3px 0" type="text" v-if="false">操作按钮
                                    </el-button>
                                </div>
                                <div class="cardC" style="height: 500px;overflow-y: auto">
                                    <el-row>
                                        <el-col :span="24">
                                            <div class="grid-content bg-purple ">
                                                <div class="fjtable">
                                                    <el-row>
                                                        <el-col :span="8">
                                                            <div class="grid-content bg-purple div_P">
                                                                <div class="form-group">
                                                                    <p class="selectTime">
                                                                        <label>就诊日期:</label>
                                                                        <el-date-picker style="width:12rem;height:32px"
                                                                                        type="date"
                                                                                        v-model="getGHListObj.regdate"
                                                                                        @change="getReferralList()"
                                                                                        value-format="yyyy-MM-dd"
                                                                                        placeholder="选择日期">
                                                                        </el-date-picker>

                                                                    </p>
                                                                </div>
                                                            </div>
                                                        </el-col>
                                                        <el-col :span="6">
                                                            <div class="grid-content bg-purple div_P">
                                                                <div class="form-group">
                                                                    <p class="selectTime">
                                                                        <label>患者姓名:</label>
                                                                        <input type="text" class="form-control"
                                                                               v-model="getGHListObj.name"
                                                                               placeholder="">
                                                                        </input>
                                                                    </p>
                                                                </div>
                                                            </div>
                                                        </el-col>
                                                        <el-col :span="4">
                                                            <div class="grid-content bg-purple div_P">
                                                                <div class="form-group">
                                                                    <p class="selectTime">
                                                                        <el-button type="primary" @click="getYYGHList">
                                                                            查询
                                                                        </el-button>

                                                                    </p>
                                                                </div>
                                                            </div>
                                                        </el-col>
                                                    </el-row>
                                                    <el-table
                                                            :data="YYGHList"
                                                            height="398"
                                                            border
                                                            style="width: 100%">
                                                        <el-table-column
                                                                fixed
                                                                prop="PatName"
                                                                label="患者姓名"
                                                        >
                                                        </el-table-column>
                                                        <el-table-column
                                                                prop="IDCard"
                                                                label="身份证号"
                                                        >
                                                        </el-table-column>


                                                        <el-table-column
                                                                prop="RegisterTime"
                                                                label="就诊时间"
                                                        >
                                                        </el-table-column>
                                                        <el-table-column
                                                                prop="StatusName"
                                                                label="状态"
                                                        >
                                                        </el-table-column>

                                                        <el-table-column
                                                                prop="CellPhone"
                                                                label="联系电话"
                                                        >
                                                        </el-table-column>

                                                        <el-table-column
                                                                fixed="right"
                                                                label="操作"
                                                                width="100">
                                                            <template slot-scope="scope">
                                                                <el-button @click="handleClickInforItem(scope.row)"
                                                                           type="text" size="small">查看详情
                                                                </el-button>
                                                            </template>
                                                        </el-table-column>
                                                    </el-table>
                                                    <el-pagination
                                                            background
                                                            layout="prev, pager, next"
                                                            :page-size="10"
                                                            @current-change="handleCurrentChange2"
                                                            :total="total">
                                                    </el-pagination>
                                                </div>
                                            </div>
                                        </el-col>
                                    </el-row>

                                </div>
                            </el-card>
                        </div>
                    </el-col>

                </el-row>


            </div>

            <!--弹框   添加检验-->
            <div class="blackBg hyCZBg" v-if="isShow=='showTJJY'">
                <div class="panel-default column2">
                    <em class="closes" @click="showDialog('')">×</em>
                    <div class="panel-heading">添加检验项目</div>
                    <div class="pucLabel">
                        <div class="form-group clearfix">
                            <p>
                                <label>检验项目：</label>
                                <el-autocomplete
                                        v-model="state"
                                        :fetch-suggestions="querySearchAsync"
                                        placeholder="请输入内容"
                                        @select="handleSelect"
                                ></el-autocomplete>
                            </p>
                            <p class="selectTime">
                                <label>预约时间：</label>

                                <el-date-picker style="width:168px;height:32px"
                                                type="date"
                                                v-model="stateTime"
                                                value-format="yyyy-MM-dd"
                                                placeholder="选择日期">
                                </el-date-picker>
                            </p>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" @click="showDialog('')">关闭</button>
                        <button type="button" class="btn btn-primary" @click="addJYItem()">保存</button>
                    </div>
                </div>
            </div>

            <!--弹框   检验申请单详情-->
            <div class="blackBg hyCZBg Dilog " v-if="isShow=='Infor'">
                <div class="panel-default column2">
                    <em class="closes" @click="showDialog('')">×</em>
                    <div class="panel-heading">检验申请单详情</div>
                    <div style="height: 500px;overflow: auto" class="cardP">
                        <el-card class="box-card">
                            <div slot="header" class="clearfix">
                                <span>患者信息</span>
                            </div>
                            <div>
                                <div>
                                    <el-row>

                                        <el-col :span="6">
                                            <div class="grid-content bg-purple-light div_P">
                                                <div class="form-group">
                                                    <p>
                                                        <label>患者姓名:</label>
                                                        <input type="text" class="form-control"
                                                               disabled v-model="JYInforObj.PatientInfo.Name"
                                                               placeholder="必填">
                                                        </input>
                                                    </p>
                                                </div>
                                            </div>
                                        </el-col>
                                        <el-col :span="6">
                                            <div class="grid-content bg-purple div_P">
                                                <div class="form-group">
                                                    <p class="selectTime">
                                                        <label>出生日期:</label>
                                                        <el-date-picker style="width:168px;height:32px"
                                                                        type="date"
                                                                        disabled v-model="JYInforObj.PatientInfo.Born"
                                                                        value-format="yyyy-MM-dd"
                                                                        placeholder="选择日期">
                                                        </el-date-picker>
                                                    </p>
                                                </div>
                                            </div>
                                        </el-col>
                                        <el-col :span="6">
                                            <div class="grid-content bg-purple-light div_P">
                                                <div class="form-group">
                                                    <p>
                                                        <label>年龄:</label>
                                                        <input type="text" class="form-control"
                                                               style="width: 60px!important;"
                                                               disabled v-model="JYInforObj.PatientInfo.Age"
                                                               placeholder="必填">
                                                        </input>
                                                        <select class="form-control"
                                                                style="width: 60px!important;margin-left: 20px"
                                                                disabled v-model="JYInforObj.PatientInfo.AgeUnit"
                                                                placeholder="请选择">
                                                            <option v-for="(item,index) in nldwList"
                                                                    :label="item.name"
                                                                    :value="item.code"
                                                                    :key="index"></option>
                                                        </select>
                                                    </p>
                                                </div>
                                            </div>
                                        </el-col>
                                    </el-row>
                                    <el-row>
                                        <el-col :span="6">
                                            <div class="grid-content bg-purple div_P">
                                                <div class=" form-group ">
                                                    <p>
                                                        <label>性别:</label>
                                                        <select class="form-control"
                                                                disabled v-model="JYInforObj.PatientInfo.Sex"
                                                                placeholder="请选择">
                                                            <option v-for="(item,index) in xbList"
                                                                    :label="item.name"
                                                                    :value="item.code"
                                                                    :key="index"></option>
                                                        </select>
                                                    </p>
                                                </div>
                                            </div>
                                        </el-col>
                                        <el-col :span="6">
                                            <div class="grid-content bg-purple-light div_P">
                                                <div class="form-group">
                                                    <p>
                                                        <label>体重:</label>
                                                        <input type="text" class="form-control"
                                                               disabled v-model="JYInforObj.PatientInfo.Weight"
                                                               placeholder="必填">
                                                        </input>
                                                    </p>
                                                </div>
                                            </div>
                                        </el-col>
                                        <el-col :span="6">
                                            <div class="grid-content bg-purple div_P">
                                                <div class="form-group">
                                                    <p class="selectTime">
                                                        <label>身高:</label>
                                                        <input type="text" class="form-control"
                                                               disabled v-model="JYInforObj.PatientInfo.Height"
                                                               placeholder="必填">
                                                        </input>
                                                    </p>
                                                </div>
                                            </div>
                                        </el-col>
                                        <el-col :span="6">
                                            <div class="grid-content bg-purple-light div_P">
                                                <div class="form-group">
                                                    <p>
                                                        <label>BMI:</label>
                                                        <input type="text" class="form-control"
                                                               disabled v-model="JYInforObj.PatientInfo.BMI"
                                                               placeholder="必填">
                                                        </input>
                                                    </p>
                                                </div>
                                            </div>
                                        </el-col>
                                    </el-row>
                                    <el-row>
                                        <el-col :span="6">
                                            <div class="grid-content bg-purple div_P">
                                                <div class=" form-group ">
                                                    <p>
                                                        <label>婚姻情况:</label>
                                                        <select class="form-control"
                                                                disabled v-model="JYInforObj.PatientInfo.Marital"
                                                                placeholder="请选择">
                                                            <option v-for="(item,index) in hyqkList"
                                                                    :label="item.name"
                                                                    :value="item.code"
                                                                    :key="index"></option>
                                                        </select>
                                                    </p>
                                                </div>
                                            </div>
                                        </el-col>
                                        <el-col :span="6">
                                            <div class="grid-content bg-purple-light div_P">
                                                <div class="form-group">
                                                    <p>
                                                        <label>患者病情:</label>
                                                        <select class="form-control"
                                                                disabled v-model="JYInforObj.PatientInfo.Condition"
                                                                placeholder="请选择">
                                                            <option v-for="(item,index) in hzbqList"
                                                                    :label="item.name"
                                                                    :value="item.code"
                                                                    :key="index"></option>
                                                        </select>
                                                    </p>
                                                </div>
                                            </div>
                                        </el-col>
                                        <el-col :span="6">
                                            <div class="grid-content bg-purple div_P">
                                                <div class="form-group">
                                                    <p class="selectTime">
                                                        <label>入院时间:</label>
                                                        <el-date-picker style="width:98px;height:32px"
                                                                        type="date"
                                                                        disabled v-model="JYInforObj.PatientInfo.InDate"
                                                                        value-format="yyyy-MM-dd"
                                                                        placeholder="选择日期">
                                                        </el-date-picker>
                                                    </p>
                                                </div>
                                            </div>
                                        </el-col>
                                        <el-col :span="6">
                                            <div class="grid-content bg-purple-light div_P">
                                                <div class="form-group">
                                                    <p>
                                                        <label>电话:</label>
                                                        <input type="text" class="form-control" style="width: 98px"
                                                               disabled v-model="JYInforObj.PatientInfo.TelePhone"
                                                               placeholder="必填">
                                                        </input>
                                                    </p>
                                                </div>
                                            </div>
                                        </el-col>
                                    </el-row>
                                    <el-row>
                                        <el-col :span="6">
                                            <div class="grid-content bg-purple div_P">
                                                <div class=" form-group ">
                                                    <p>
                                                        <label>国籍:</label>
                                                        <select class="form-control"
                                                                disabled v-model="JYInforObj.PatientInfo.Country"
                                                                placeholder="请选择">
                                                            <option v-for="(item,index) in gjList"
                                                                    :label="item.name"
                                                                    :value="item.code"
                                                                    :key="index"></option>
                                                        </select>
                                                    </p>
                                                </div>
                                            </div>
                                        </el-col>
                                        <el-col :span="6">
                                            <div class="grid-content bg-purple-light div_P">
                                                <div class="form-group">
                                                    <p>
                                                        <label>民族:</label>
                                                        <select class="form-control"
                                                                disabled v-model="JYInforObj.PatientInfo.Nation"
                                                                placeholder="请选择">
                                                            <option v-for="(item,index) in mzList"
                                                                    :label="item.name"
                                                                    :value="item.code"
                                                                    :key="index"></option>
                                                        </select>
                                                    </p>
                                                </div>
                                            </div>
                                        </el-col>
                                        <el-col :span="6">
                                            <div class="grid-content bg-purple div_P">
                                                <div class="form-group">
                                                    <p class="selectTime">
                                                        <label>职业:</label>
                                                        <select class="form-control"
                                                                disabled v-model="JYInforObj.PatientInfo.Occupation"
                                                                placeholder="请选择">
                                                            <option v-for="(item,index) in zyList"
                                                                    :label="item.name"
                                                                    :value="item.code"
                                                                    :key="index"></option>
                                                        </select>
                                                    </p>
                                                </div>
                                            </div>
                                        </el-col>
                                        <el-col :span="6">
                                            <div class="grid-content bg-purple-light div_P">
                                                <div class="form-group">
                                                    <p>
                                                        <label>地址:</label>
                                                        <input type="text" class="form-control"
                                                               disabled v-model="JYInforObj.PatientInfo.Address"
                                                               placeholder="必填">
                                                        </input>
                                                    </p>
                                                </div>
                                            </div>
                                        </el-col>
                                    </el-row>
                                    <el-row>
                                        <el-col :span="6">
                                            <div class="grid-content bg-purple div_P">
                                                <div class=" form-group ">
                                                    <p>
                                                        <label>医保类别:</label>
                                                        <select class="form-control"
                                                                disabled
                                                                v-model="JYInforObj.PatientInfo.MedicalCatagory"
                                                                placeholder="请选择">
                                                            <option v-for="(item,index) in yblbList"
                                                                    :label="item.name"
                                                                    :value="item.code"
                                                                    :key="index"></option>
                                                        </select>
                                                    </p>
                                                </div>
                                            </div>
                                        </el-col>
                                        <el-col :span="6">
                                            <div class="grid-content bg-purple-light div_P">
                                                <div class="form-group">
                                                    <p>
                                                        <label>医保卡号:</label>
                                                        <input type="text" class="form-control"
                                                               disabled v-model="JYInforObj.PatientInfo.MedicalCard"
                                                               placeholder="必填">
                                                        </input>
                                                    </p>
                                                </div>
                                            </div>
                                        </el-col>

                                    </el-row>
                                </div>
                            </div>
                        </el-card>
                        <el-card class="box-card">
                            <div slot="header" class="clearfix">
                                <span>申请方信息</span>
                            </div>
                            <div>
                                <div>
                                    <el-row>
                                        <el-col :span="6">
                                            <div class="grid-content bg-purple-light div_P">
                                                <div class="form-group">
                                                    <p>
                                                        <label>申请科室:</label>
                                                        <input type="text" class="form-control"
                                                               disabled v-model="JYInforObj.Request.rDept"
                                                               placeholder="必填">
                                                    </p>
                                                </div>
                                            </div>
                                        </el-col>
                                        <el-col :span="6">
                                            <div class="grid-content bg-purple div_P">
                                                <div class="form-group">
                                                    <p>
                                                        <label>申请医生:</label>
                                                        <input type="text" class="form-control"
                                                               disabled v-model="JYInforObj.Request.rDoctor"
                                                               placeholder="必填">
                                                    </p>
                                                </div>
                                            </div>
                                        </el-col>
                                        <el-col :span="6">
                                            <div class="grid-content bg-purple-light div_P">
                                                <div class="form-group">
                                                    <p>
                                                        <label>预约医院:</label>
                                                        <select class="form-control"
                                                                disabled v-model="JYInforObj.Request.sHospital"
                                                                placeholder="请选择">
                                                            <option v-for="(item,index) in zzjgList"
                                                                    :label="item.HospitalName"
                                                                    :value="item.HospitalId"
                                                                    :key="index"></option>
                                                        </select>
                                                    </p>
                                                </div>
                                            </div>
                                        </el-col>
                                    </el-row>
                                </div>
                            </div>
                        </el-card>
                        <div class="grid-content bg-purple ">
                            <el-card style="width: 100%">
                                <div slot="header" class="clearfix">
                                    <span>申请项目</span>
                                    <el-button type="success" style="float: right; padding: 3px 0" v-if="false"
                                               @click="showDialog('showTJJY')">添加
                                        <i class="el-icon-upload el-icon--right"></i>
                                    </el-button>
                                </div>
                                <div class="fjtable">
                                    <el-table
                                            :data="JYInforObj.Request_TestDetails"
                                            height="138"
                                            border
                                            style="width: 100%">
                                        <el-table-column
                                                fixed
                                                prop="Code"
                                                label="项目编号"
                                        >
                                        </el-table-column>
                                        <el-table-column
                                                fixed
                                                prop="name"
                                                label="项目名称"
                                        >
                                        </el-table-column>
                                        <el-table-column
                                                prop="RequestTime"
                                                label="预约时间"
                                        >
                                        </el-table-column>


                                        <el-table-column
                                                prop="province"
                                                label="备注"
                                        >
                                        </el-table-column>

                                        <el-table-column
                                                fixed="right"
                                                label="操作"
                                                width="100">
                                            <template slot-scope="scope">
                                                <el-button
                                                        @click.native.prevent="deleteRow3(scope.$index, addJYObj.Request_TestDetails)"
                                                        type="text"
                                                        size="small">查看报告
                                                </el-button>
                                            </template>
                                        </el-table-column>
                                    </el-table>
                                </div>
                            </el-card>
                        </div>

                    </div>
                </div>
            </div>

            <!--弹框   门诊医生挂号-->
            <div class="blackBg hyCZBg Dilog  elRadioYygh" v-if="isShow=='MZGH'">
                <div class="panel-default column2">
                    <em class="closes" @click="showDialog('')">×</em>
                    <div class="panel-heading">门诊预约挂号</div>
                    <div style="height: 500px;overflow: auto" class="cardPD">

                        <el-row>
                            <el-col :span="8">
                                <div style="background-color: #e4f0fb">
                                    <div class="grid-content bg-purple-light div_P">
                                        <div class="form-group">
                                            <p>
                                                <label style="border-style: none; border-bottom-style: solid">医院:</label>
                                                <select class="form-control"
                                                        disabled v-model="JYInforObj.Request.sHospital"
                                                        placeholder="请选择">
                                                    <option v-for="(item,index) in zzjgList"
                                                            :label="item.HospitalName"
                                                            :value="item.HospitalId"
                                                            :key="index"></option>
                                                </select>
                                            </p>
                                        </div>
                                    </div>
                                    <div class="grid-content bg-purple-light div_P">
                                        <div class="form-group">
                                            <p>
                                                <label style="border-style: none; border-bottom-style: solid">科室:</label>
                                                <select class="form-control"
                                                        disabled v-model="JYInforObj.Request.sHospital"
                                                        placeholder="请选择">
                                                    <option v-for="(item,index) in zzjgList"
                                                            :label="item.HospitalName"
                                                            :value="item.HospitalId"
                                                            :key="index"></option>
                                                </select>
                                            </p>
                                        </div>
                                    </div>
                                </div>
                                <el-card class="box-card">
                                    <div slot="header" class="clearfix">
                                        <span>挂号情况</span>
                                    </div>

                                    <el-radio-group v-model="tabPosition" style="margin-bottom: 1px;">
                                        <el-radio-button label="top">上周</el-radio-button>
                                        <el-radio-button label="right">本周</el-radio-button>
                                        <el-radio-button label="bottom">下周</el-radio-button>
                                    </el-radio-group>

                                    <div class="fjtable">
                                        <el-table
                                                :data="JYInforObj.Request_TestDetails"
                                                height="268"
                                                border
                                                style="width: 100%">
                                            <el-table-column
                                                    fixed
                                                    prop="Code"
                                                    label="日期"
                                            >
                                            </el-table-column>
                                            <el-table-column
                                                    fixed
                                                    prop="Code"
                                                    label="上午"
                                            >
                                            </el-table-column>
                                            <el-table-column
                                                    fixed
                                                    prop="name"
                                                    label="下午"
                                            >
                                            </el-table-column>

                                        </el-table>
                                    </div>
                                </el-card>
                            </el-col>
                            <el-col :span="12">
                                <el-card class="box-card">
                                    <div slot="header" class="clearfix">
                                        <span>可预约医生列表</span>
                                    </div>
                                    <div class="fjtable">
                                        <el-table
                                                :data="JYInforObj.Request_TestDetails"
                                                height="388"
                                                border
                                                style="width: 100%">
                                            <el-table-column
                                                    fixed
                                                    prop="Code"
                                                    label="姓名"
                                            >
                                            </el-table-column>
                                            <el-table-column
                                                    fixed
                                                    prop="Code"
                                                    label="科室"
                                            >
                                            </el-table-column>
                                            <el-table-column
                                                    fixed
                                                    prop="name"
                                                    label="简介"
                                            >
                                            </el-table-column>

                                        </el-table>
                                    </div>
                                </el-card>
                            </el-col>
                            <el-col :span="4">
                                <el-card class="box-card">
                                    <div slot="header" class="clearfix">
                                        <span>就诊时段</span>
                                    </div>
                                    <div class="fjtable">
                                        <el-table
                                                :data="JYInforObj.Request_TestDetails"
                                                height="388"
                                                border
                                                style="width: 100%">
                                            <el-table-column
                                                    fixed
                                                    prop="Code"
                                                    label="时段"
                                            >
                                            </el-table-column>

                                        </el-table>
                                    </div>
                                </el-card>
                            </el-col>
                        </el-row>


                    </div>
                </div>
            </div>
            <!--弹框   门诊接诊详情-->
            <div class="blackBg hyCZBg Dilog  elRadioYygh" v-if="isShow=='MZInfor'">
                <div class="panel-default column2">
                    <em class="closes" @click="showDialog('')">×</em>
                    <div class="panel-heading">门诊预约挂号</div>
                    <div style="height: 586px;overflow: auto" class="cardPD">
                        <el-row>
                            <el-col :span="12">
                                <el-row style=" background-color: #f6f6f6">
                                    <el-col :span="6">
                                        <el-image
                                                style=" height: 200px;padding: 12px"
                                                :src="url"
                                                :fit="fill"></el-image>
                                    </el-col>
                                    <el-col :span="18">
                                        <el-row>
                                            <el-col :span="16">
                                                <div class="grid-content bg-purple-light div_P">
                                                    <div class="form-group">
                                                        <p>
                                                            <label style="border-style: none; border-bottom-style: solid">医生:</label>
                                                            <input type="text" class="form-control"
                                                                   style="border-style: none; border-bottom-style: solid"
                                                                   disabled v-model="YYGHInfor.OutRegister.aDoctorName">
                                                            </input>
                                                        </p>
                                                    </div>
                                                </div>
                                            </el-col>
                                            <el-col :span="8">
                                                <el-button type="success" @click="showDialog('MZGH')" v-if="false">
                                                    预约挂号
                                                </el-button>
                                            </el-col>
                                        </el-row>
                                        <el-row>
                                            <el-col :span="12">
                                                <div class="grid-content bg-purple-light div_P">
                                                    <div class="form-group">
                                                        <p>
                                                            <label style="border-style: none; border-bottom-style: solid">科室:</label>
                                                            <input type="text" class="form-control"
                                                                   style="border-style: none; border-bottom-style: solid"
                                                                   disabled v-model="YYGHInfor.OutRegister.aDeptName">
                                                            </input>
                                                        </p>
                                                    </div>
                                                </div>
                                            </el-col>
                                            <el-col :span="12">
                                                <div class="grid-content bg-purple-light div_P">
                                                    <div class="form-group">
                                                        <p>
                                                            <label style="border-style: none; border-bottom-style: solid">医院:</label>
                                                            <input type="text" class="form-control"
                                                                   style="border-style: none; border-bottom-style: solid"
                                                                   disabled
                                                                   v-model="YYGHInfor.OutRegister.aHospitalName">
                                                            </input>
                                                        </p>
                                                    </div>
                                                </div>
                                            </el-col>
                                        </el-row>
                                        <el-row>
                                            <el-col :span="12">
                                                <div class="grid-content bg-purple-light div_P">
                                                    <div class="form-group">
                                                        <p>
                                                            <label style="border-style: none; border-bottom-style: solid">日期:</label>
                                                            <input type="text" class="form-control"
                                                                   style="border-style: none; border-bottom-style: solid"
                                                                   disabled
                                                                   v-model="YYGHInfor.OutRegister.RegisterTime">
                                                            </input>
                                                        </p>
                                                    </div>
                                                </div>
                                            </el-col>
                                            <el-col :span="12">
                                                <div class="grid-content bg-purple-light div_P">
                                                    <div class="form-group">
                                                        <p>
                                                            <label style="border-style: none; border-bottom-style: solid">序号:</label>
                                                            <input type="text" class="form-control"
                                                                   style="border-style: none; border-bottom-style: solid"
                                                                   disabled v-model="YYGHInfor.OutRegister.RegNum">
                                                            </input>
                                                        </p>
                                                    </div>
                                                </div>
                                            </el-col>
                                        </el-row>
                                    </el-col>
                                </el-row>
                                <div class="cardP">
                                    <el-card class="box-card">
                                        <div slot="header" class="clearfix">
                                            <span>基本病情</span>
                                        </div>
                                        <div style="overflow: auto;height: 22rem">
                                            <el-card class="box-card">
                                                <div slot="header" class="clearfix">
                                                    <span>患者病情</span>
                                                </div>
                                                <div>
                                                    <el-input
                                                            type="textarea"
                                                            placeholder="请输入内容"
                                                            v-model="HZBQObj.BingQing"
                                                            maxlength="30"
                                                            show-word-limit
                                                    >
                                                    </el-input>
                                                </div>
                                            </el-card>
                                            <el-card class="box-card">
                                                <div slot="header" class="clearfix">
                                                    <span>既往史</span>
                                                </div>
                                                <div>
                                                    <el-input
                                                            type="textarea"
                                                            placeholder="请输入内容"
                                                            v-model="HZBQObj.JiWangShi"
                                                            maxlength="30"
                                                            show-word-limit
                                                    >
                                                    </el-input>
                                                </div>
                                            </el-card>
                                            <el-card class="box-card">
                                                <div slot="header" class="clearfix">
                                                    <span>过敏史</span>
                                                </div>
                                                <div>
                                                    <el-input
                                                            type="textarea"
                                                            placeholder="请输入内容"
                                                            v-model="HZBQObj.GuoMinShi"
                                                            maxlength="30"
                                                            show-word-limit
                                                    >
                                                    </el-input>
                                                </div>
                                            </el-card>
                                            <el-card class="box-card">
                                                <div slot="header" class="clearfix">
                                                    <span>家族史</span>
                                                </div>
                                                <div>
                                                    <el-input
                                                            type="textarea"
                                                            placeholder="请输入内容"
                                                            v-model="HZBQObj.JiaZuShi"
                                                            maxlength="30"
                                                            show-word-limit
                                                    >
                                                    </el-input>
                                                </div>
                                            </el-card>
                                            <el-card class="box-card">
                                                <div slot="header" class="clearfix">
                                                    <span>补充说明</span>
                                                </div>
                                                <div>
                                                    <el-input
                                                            type="textarea"
                                                            placeholder="请输入内容"
                                                            v-model="HZBQObj.BuChongShuoMing"
                                                            maxlength="30"
                                                            show-word-limit
                                                    >
                                                    </el-input>
                                                </div>
                                            </el-card>
                                            <div class="grid-content bg-purple ">
                                                <el-card style="width: 100%">
                                                    <div slot="header" class="clearfix">
                                                        <span>相关附件</span>
                                                        <el-button type="success" style="float: right; padding: 3px 0"
                                                                   @click="showDialog('PZ')">
                                                            拍照
                                                            <i class="el-icon-upload el-icon--right"></i>
                                                        </el-button>
                                                    </div>
                                                    <div class="fjtable selectPic">
                                                        <el-upload
                                                                ref='upload'
                                                                :auto-upload='false'
                                                                :file-list="fileList"
                                                                :multiple='false'
                                                                :limit="12"
                                                                :on-exceed="handleExceed"
                                                                :http-request="uploadFiles"
                                                                accept="image/jpeg,image/gif,image/png"
                                                                action=''
                                                                list-type="picture"
                                                                :on-change='changeUpload'
                                                        >
                                                            <el-button slot="trigger" size="mini" type="primary">选取图片
                                                            </el-button>
                                                            <span>&nbsp;</span>

                                                        </el-upload>
                                                    </div>
                                                    <el-table
                                                            :data="filePICList"
                                                            style="width: 100%"
                                                            max-height="150">

                                                        <el-table-column
                                                                fixed="right"
                                                                label="图片"
                                                        >
                                                            <template slot-scope="scope">

                                                                <el-image
                                                                        style="width: 80px; height: 80px"
                                                                        :src="scope.row.FilePath"
                                                                        :fit="fill"></el-image>
                                                            </template>
                                                        </el-table-column>


                                                        <el-table-column
                                                                fixed="right"
                                                                label="操作"
                                                                width="180">
                                                            <template slot-scope="scope">
                                                                <el-button
                                                                        @click.native.prevent="deleteRowPIC(scope.$index, filePICList)"
                                                                        type="text"
                                                                        size="small">
                                                                    移除
                                                                </el-button>
                                                            </template>
                                                        </el-table-column>
                                                    </el-table>
                                                </el-card>
                                            </div>
                                        </div>

                                    </el-card>
                                </div>
                            </el-col>
                            <el-col :span="12">

                                <div class="cardPdd">
                                    <el-card class="box-card">
                                        <div slot="header" class="clearfix">
                                            <span>专家意见</span>
                                        </div>
                                        <div>
                                            <el-input
                                                    type="textarea"
                                                    placeholder="请输入内容"
                                                    v-model="ZJYJObj.ZhuanJiaYiJian"
                                                    disabled   maxlength="30"
                                                    show-word-limit
                                            >
                                            </el-input>
                                        </div>
                                    </el-card>
                                    <el-card class="box-card">
                                        <div slot="header" class="clearfix">
                                            <span>辅助检查</span>
                                        </div>
                                        <div>
                                            <el-input
                                                    type="textarea"
                                                    placeholder="请输入内容"
                                                    v-model="ZJYJObj.FuZhuJianCha"
                                                    disabled   maxlength="30"
                                                    show-word-limit
                                            >
                                            </el-input>
                                        </div>
                                    </el-card>
                                    <el-card class="box-card">
                                        <div slot="header" class="clearfix">
                                            <span>治疗计划</span>
                                        </div>
                                        <div>
                                            <el-input
                                                    type="textarea"
                                                    placeholder="请输入内容"
                                                  disabled  v-model="ZJYJObj.ZhiLiaoJiHua"
                                                    maxlength="30"
                                                    show-word-limit
                                            >
                                            </el-input>
                                        </div>
                                    </el-card>
                                    <el-card class="box-card">
                                        <div slot="header" class="clearfix">
                                            <span>处方列表</span>
                                            <el-button style="float: right; padding: 3px 0" v-if="false" @click="addYPCF()"
                                                       type="success">保存处方
                                            </el-button>
                                            <el-button style="float: right; padding: 3px 0;" v-if="false" type="primary"
                                                       @click="showDialogYP('TJYP')">添加药品
                                            </el-button>
                                        </div>
                                        <div class="fjtable ypList">
                                            <el-table
                                                    :data="SelectYPList"
                                                    height="188"
                                                    border
                                                    style="width: 100%">
                                                <el-table-column
                                                        label="组号"
                                                        width="60">
                                                    <template slot-scope="scope">
                                                        <el-input v-model="scope.row.GroupNo" disabled></el-input>
                                                    </template>
                                                </el-table-column>
                                                <el-table-column
                                                        prop="Name"
                                                        label="名称"
                                                >
                                                </el-table-column>
                                                <el-table-column
                                                        prop="Describe"
                                                        label="规格"
                                                >
                                                </el-table-column>

                                                <el-table-column
                                                        label="用法"
                                                        width="100">
                                                    <template slot-scope="scope">

                                                        <el-autocomplete
                                                                disabled
                                                                class="inline-input"
                                                                v-model="scope.row.Usage"
                                                                :fetch-suggestions="querySearchYF"
                                                                placeholder="请输入内容"
                                                        ></el-autocomplete>
                                                    </template>
                                                </el-table-column>
                                                <el-table-column
                                                        label="剂量"
                                                        width="60">
                                                    <template slot-scope="scope">
                                                        <el-input disabled v-model="scope.row.Dose"></el-input>
                                                    </template>
                                                </el-table-column>
                                                <el-table-column
                                                        prop="DoseUnit"
                                                        label="剂量单位"
                                                        width="60"
                                                >
                                                </el-table-column>

                                                <el-table-column
                                                        label="频次"
                                                        width="100">
                                                    <template slot-scope="scope">
                                                        <el-autocomplete
                                                                disabled
                                                                class="inline-input"
                                                                v-model="scope.row.Frequency"
                                                                :fetch-suggestions="querySearchPC"
                                                                placeholder="请输入内容"
                                                        ></el-autocomplete>
                                                    </template>
                                                </el-table-column>

                                                <el-table-column
                                                        v-if="false"
                                                        fixed="right"
                                                        label="操作"
                                                        width="60">
                                                    <template slot-scope="scope">
                                                        <el-button
                                                                @click.native.prevent="deleteRowYP(scope.$index, SelectYPList)"
                                                                type="text" size="small">删除
                                                        </el-button>
                                                    </template>
                                                </el-table-column>
                                            </el-table>
                                        </div>
                                    </el-card>
                                </div>
                            </el-col>
                        </el-row>
                        <el-row>
                            <el-col :span="10">
                                <el-link type="primary"></el-link>
                            </el-col>
                            <el-col :span="3">
                                <el-button type="warning" @click=" addJBBQ()">提交病情</el-button>
                            </el-col>
                            <el-col :span="3">
                                <el-button type="primary" @click=" addHZVideo()">视频问诊</el-button>
                            </el-col>
                            <el-col :span="3" v-if="false">
                                <el-button type="danger" @click=" addZJYJ()">专家意见</el-button>
                            </el-col>
                            <el-col :span="3" v-if="false">
                                <el-button type="success">完成</el-button>
                            </el-col>
                        </el-row>

                    </div>
                </div>
            </div>
            <!--            拍照弹框-->
            <div class="blackBg hyCZBg" v-if="isShow=='PZ'">
                <div class="panel-default column2">
                    <em class="closes" @click=" showDialog('')">×</em>
                    <div class="panel-heading">拍照</div>
                    <div class="pucLabel">
                        <div class="camera_outer">
                            <video id="videoCamera" :width="videoWidth" :height="videoHeight" autoplay></video>
                            <canvas id="canvasCamera" :width="videoWidth"
                                    :height="videoHeight"></canvas>
                            <div v-if="imgSrc!=''" class="img_bg_camera">
                                <img :src="imgSrc" alt="" class="tx_img">
                            </div>
                            <button @click="getCompetence()">打开摄像头</button>
                            <button @click="stopNavigator()">关闭摄像头</button>
                            <button @click="setImage()">拍照</button>
                        </div>
                    </div>

                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" @click="showDialog('')">关闭</button>
                        <button type="button" class="btn btn-primary" @click="okImage()">保存</button>
                    </div>
                </div>
            </div>
            <!--弹框   选择药品-->
            <div class="blackBg hyCZBg DilogYP  elRadioYygh" v-if="isShowYP=='TJYP'">
                <div class="panel-default column2">
                    <em class="closes" @click="showDialogYP('')">×</em>
                    <div class="panel-heading">选择药品</div>
                    <div class="cardC" style="height: 500px;overflow-y: auto">
                        <el-row>
                            <el-col :span="24">
                                <div class="grid-content bg-purple ">
                                    <div class="fjtable">
                                        <el-row>

                                            <el-col :span="8">
                                                <div class="grid-content bg-purple div_P">
                                                    <div class="form-group">
                                                        <p class="selectTime">
                                                            <label>名称:</label>
                                                            <input type="text" class="form-control"
                                                                   v-model="DrugName"
                                                                   placeholder="">
                                                            </input>
                                                        </p>
                                                    </div>
                                                </div>
                                            </el-col>
                                            <el-col :span="4">
                                                <div class="grid-content bg-purple div_P">
                                                    <div class="form-group">
                                                        <p class="selectTime">
                                                            <el-button type="primary" @click="getDrugList2YY">查询
                                                            </el-button>

                                                        </p>
                                                    </div>
                                                </div>
                                            </el-col>
                                        </el-row>
                                        <el-table
                                                :data="YYYPList"
                                                height="398"
                                                border
                                                style="width: 100%"
                                                highlight-current-row
                                                @current-change="handleCurrentChange"
                                        >
                                            <el-table-column
                                                    fixed
                                                    prop="Name"
                                                    label="药品名称"
                                            >
                                            </el-table-column>
                                            <el-table-column
                                                    prop="OEM"
                                                    label="厂家"
                                            >
                                            </el-table-column>
                                            <el-table-column
                                                    prop="ApprovalNum"
                                                    label="批准文号"

                                            >
                                            </el-table-column>
                                            <el-table-column
                                                    prop="Describe"
                                                    label="药品规格"

                                            >
                                            </el-table-column>
                                            <el-table-column
                                                    prop="Unit"
                                                    label="单位"
                                                    width="60"
                                            >
                                            </el-table-column>
                                            <el-table-column
                                                    prop="Usage"
                                                    label="用法"
                                            >
                                            </el-table-column>
                                            <el-table-column
                                                    prop="Frequency"
                                                    label="频率"
                                            >
                                            </el-table-column>
                                            <el-table-column
                                                    prop="Dose"
                                                    label="单量"
                                                    width="60"
                                            >
                                            </el-table-column>
                                            <el-table-column
                                                    prop="DoseUnit"
                                                    label="剂量单位"
                                                    width="80"
                                            >
                                            </el-table-column>
                                            <el-table-column
                                                    prop="Price"
                                                    label="售价"
                                                    width="60"
                                            >
                                            </el-table-column>

                                        </el-table>
                                    </div>
                                </div>
                            </el-col>
                        </el-row>

                    </div>
                    <div class="modal-footer" v-if="false">
                        <button type="button" class="btn btn-default" @click="showDialogYP('')">关闭</button>
                        <button type="button" class="btn btn-primary" @click="addJGYpList()">确定</button>
                    </div>
                </div>
            </div>

        </div>
    </div>
</template>
<script>
    export default {
        name: "Bedinformation",
        data() {
            return {
                msg: "SystemManagement 下的 Bedinformation",
                activeName: 'first',
                /*************************门诊预约挂号*********************************/
                url: "http://114.115.149.212:28887/images/doctorImg.png",
                tabPosition: 'right',
                jzztList: [
                    {name: '未就诊', code: "1"},
                    {name: '就诊中', code: "2"},
                    {name: '已就诊', code: "3"},
                    {name: '已过号', code: "4"},
                    {name: '已作废', code: "5"},
                ],
                isShowYP: "",
                DrugName: "",
                YYYPList: [],
                /****************************************************************************/
                hzfsList: [
                    {name: '一般转诊', code: "1"},
                    {name: '紧急转诊', code: "2"},
                ],//会诊方式

//年龄单位
                nldwList: [
                    {name: '岁', code: "1"},
                    {name: '月', code: "2"},
                    {name: '天', code: "3"},
                ],
                //性别
                xbList: [
                    {name: '男', code: "1"},
                    {name: '女', code: "2"},
                    {name: '未知', code: "3"},
                ],
                //婚姻情况
                hyqkList: [
                    {name: '未婚', code: "1"},
                    {name: '已婚', code: "2"},
                    {name: '离异', code: "3"},
                ],
                //患者病情
                hzbqList: [
                    {name: '一般', code: "1"},
                    {name: '紧急', code: "2"},
                    {name: '病危', code: "3"},
                ],
                //医保类别
                yblbList: [
                    {name: '自费', code: "1"},
                    {name: '居民医保', code: "2"},
                    {name: '职工医保', code: "3"},
                ],
                //就诊类型
                jzlxList: [
                    {name: '门诊', code: "1"},
                    {name: '住院', code: "2"},
                ],
                //国籍
                gjList: [
                    {name: '中国', code: "1"},
                    {name: '外籍', code: "2"},
                ],
                //民族
                mzList: [
                    {name: '汉族', code: "1"},
                    {name: '其他少数民族', code: "2"},
                ],
                //职业
                zyList: [
                    {name: '自由职业', code: "1"},
                    {name: '其他', code: "2"},
                ],
                radio: '1',
                textarea: '',
                tableData: [
                    {
                        date: '2016-05-02',
                        name: '王小虎',
                        province: '上海',
                        city: '普陀区',
                        address: '上海市普陀区金沙江路 1518 弄',
                        zip: 200333
                    }, {
                        date: '2016-05-04',
                        name: '王小虎',
                        province: '上海',
                        city: '普陀区',
                        address: '上海市普陀区金沙江路 1517 弄',
                        zip: 200333
                    }, {
                        date: '2016-05-01',
                        name: '王小虎',
                        province: '上海',
                        city: '普陀区',
                        address: '上海市普陀区金沙江路 1519 弄',
                        zip: 200333
                    }, {
                        date: '2016-05-03',
                        name: '王小虎',
                        province: '上海',
                        city: '普陀区',
                        address: '上海市普陀区金沙江路 1516 弄',
                        zip: 200333
                    }],

                /*************************检验申请**********************************/
                isShow: "",
                zzjgList: [],
                LoginInfor: {
                    SectionName: "",
                    UserName: "",
                },

                restaurants: [],
                state: '',
                timeout: null,
                stateTime: '',
                selectJYObj: null,

                addJYObj: {
                    //检查化验对象实
                    Request: {
                        Id: -1,
                        BigType: 1,
                        rHospital: 0,
                        rDept: 0,
                        rDoctor: 0,
                        sHospital: 0,
                        PatientId: "",
                        PatientName: "",
                        Condition: 0,
                        Diagnosis: "",
                        CreateId: 0,
                        CreateTime: "2020-01-20T01:28:43.707Z",
                        STATUS: 0,
                        Cost: 0,
                        CheckAim: 0
                    },
                    //患者信息
                    PatientInfo: {
                        Id: 0,
                        ReferralId: 0,
                        Catagory: 0,
                        PatientId: "-1",
                        IDCard: 0,
                        Name: "",
                        Sex: 0,
                        Age: 0,
                        AgeUnit: 0,
                        Marital: 0,
                        Condition: 0,
                        Weight: "",
                        Height: "",
                        BMI: "",
                        Country: 0,
                        Nation: 0,
                        Born: "",
                        MedicalCatagory: 0,
                        MedicalCard: "",
                        TelePhone: "",
                        Occupation: "",
                        Address: "",
                        Dept: "",
                        SeekCatagory: 0,
                        InDate: "",
                        OutDate: ""
                    },
                    Request_Files: [],
                    Request_CehckDetails: [],
                    Request_TestDetails: []
                },
                //检验明细
                Request_TestDetail: {
                    Id: 0,
                    RequestId: 0,
                    Code: "",
                    RequestTime: ""
                },
                //检查明细
                Request_CehckDetail: {
                    Id: 0,
                    RequestId: 0,
                    Code: "string",
                    Dept: 0,
                    Device: 0,
                    BodyPart: "string",
                    RequestTime: "string"
                },
//附件实体
                Request_File: {
                    Id: 0,
                    RequestId: 0,
                    Code: "string",
                    FilePath: "string"
                },
                getJYInforObj: {
                    bigtype: "1",//0检验 1检查1
                    rhospital: "-1",//转出医院编号(全部则传-1)
                    shospital: "-1",//转入医院编号(全部则传-1)
                    bdate: "",//申请开始日期(yyyy-MM-dd)
                    edate: "",//申请截止日期(yyyy-MM-dd)
                    patname: "",//患者姓名
                    status: "-1",//状态码(全部则传-1)
                    page: "0",//页码,默认0
                    limit: "10",//每页数量,默认10
                },
                JYSQList: [{PatientName: "测试"}],
                /*********************门诊接诊***********************/
                getGHListObj: {
                    HospitalId: "",
                    name: "",
                    regdate: "",
                    page: 0,
                    limit: 10
                },
                total: 1,
                YYGHList: [],
                YYGHInfor: {
                    OutRegister: {
                        Age: 0,
                        AgeUnit: 1,
                        Born: "2020-02-09 00:00:00",
                        CellPhone: "121",
                        Condition: "",
                        HospitalId: 2,
                        IDCard: "1111111",
                        Id: 200209003,
                        InvoiceNo: "",
                        PatName: "zzz",
                        PatientId: "0",
                        RegNum: "1315",
                        RegisterId: 2,
                        RegisterTime: "2020-02-09 09:53:54",
                        RegisterTime2: "2020-01-01 00:00:00",
                        ScheduleId: 100042,
                        Sex: 1,
                        Status: 0,
                        Times: 0,
                        aDeptId: 1,
                        aDoctorId: 13,
                        aHospitalId: 2,
                        aDoctorName: '',
                        aDeptName: "",
                        aHospitalName: "",
                        isFirst: 1,
                    }
                },

                selectYYGHObj: null,
                HZBQObj: {
                    Id: 0,
                    RegisterId: 0,
                    BingQing: "",
                    JiWangShi: "",
                    GuoMinShi: "",
                    JiaZuShi: "",
                    BuChongShuoMing: "",
                    InPutTime: "2020-02-09T01:01:54.504Z",
                    InPutUserId: 0,
                    Files: [
                        {
                            Id: 0,
                            RegisterId: 0,
                            FilePath: "",
                            addTime: "",
                            addUserId: 0
                        }
                    ]
                },
                ZJYJObj: {
                    Id: 0,
                    RegisterId: 0,
                    ZhuanJiaYiJian: "",
                    FuZhuJianCha: "",
                    ZhiLiaoJiHua: "",
                    InPutTime: "2020-02-09T01:01:54.504Z",
                    InPutUserId: 0
                },
                //处方药品
                SelectYPList: [],
                /****************图片附件************************/
                filePICList: [],
                fileList: [],
                imgSrcUrl: "",
                /**********拍照*******************/
                videoWidth: 300,
                videoHeight: 300,
                imgSrc: '',
                thisCancas: null,
                thisContext: null,
                thisVideo: null,
                /*********************频次************************/
                PCList: [
                    {name: "一日三次", value: "一日三次", code: "101", PYM: "YRSC"},
                    {
                        name: "一日三次",
                        value: "一日三次",
                        code: "101",
                        PYM: "YRSC"
                    }],
                YFList: [],
            };
        },
        methods: {
            //视频会诊
            addHZVideo() {
                 var roomUrl = "https://121.43.170.162/webapp/conference/663800?name=" + this.LoginInfor.UserName + "&role=host"
                console.log("执行加入会议跳转")
                window.open(roomUrl, "_blank");

            },

            querySearchYF(queryString, cb) {
                var restaurants = this.YFList;
                var results = queryString ? restaurants.filter(this.createFilterYF(queryString)) : restaurants;
                // 调用 callback 返回建议列表的数据
                cb(results);
            },
            createFilterYF(queryString) {
                return (restaurant) => {
                    return (restaurant.value.toLowerCase().indexOf(queryString.toLowerCase()) === 0 ||
                        restaurant.PYM.toLowerCase().indexOf(queryString.toLowerCase()) === 0);
                };
            },
            //    GET /api/BaseDict/GetList
            getYFList() {
                this.YFList = [];
                var params = {
                    Kind: "Usage"
                };
                //GET /api/OutRegisterBuss/GetList
                this.$get("BaseDict/GetList", params)
                    .then(res => {
                        console.log("用法列表查询结果");
                        console.log(res);
                        this.YFList = res.data;
                        for (var i = 0; i < this.YFList.length; i++) {
                            this.YFList[i].value=this.YFList[i].name;
                        }
                    })
                    .catch(err => {
                        console.log(err);
                    });
            },

            querySearchPC(queryString, cb) {
                var restaurants = this.PCList;
                var results = queryString ? restaurants.filter(this.createFilterPC(queryString)) : restaurants;
                // 调用 callback 返回建议列表的数据
                cb(results);
            },
            createFilterPC(queryString) {
                return (restaurant) => {
                    return (restaurant.value.toLowerCase().indexOf(queryString.toLowerCase()) === 0 ||
                        restaurant.PYM.toLowerCase().indexOf(queryString.toLowerCase()) === 0);
                };
            },
            //    GET /api/BaseDict/GetList
            getPCList() {
                this.PCList = [];
                var params = {
                    Kind: "Freq"
                };
                //GET /api/OutRegisterBuss/GetList
                this.$get("BaseDict/GetList", params)
                    .then(res => {
                        console.log("频次列表查询结果");
                        console.log(res);
                        this.PCList = res.data;
                        for (var i = 0; i < this.PCList.length; i++) {
                            this.PCList[i].value=this.PCList[i].name;
                        }
                    })
                    .catch(err => {
                        console.log(err);
                    });
            },
            /***************************专家接诊*************************/
            deleteYYGH(Id) {
                var params = {
                    Id: Id
                };
                //POST /api/OutRegisterBuss/Delete
                this.$post("OutRegisterBuss/Delete", params)
                    .then(res => {
                        console.log("删除挂号结果");
                        console.log(res);
                        if (res.code == 0) {
                            this.getYYGHList();
                        } else {
                            this.$message({
                                showClose: true,
                                message: res.msg,
                                type: "error"
                            });
                        }
                    })
                    .catch(err => {
                        console.log(err);
                    });
            },
            getYYGHList() {
                this.YYGHList = [];
                this.getGHListObj.HospitalId = this.LoginInfor.HospitalId
                var params = this.getGHListObj;
                //GET /api/OutRegisterBuss/GetList
                this.$get("OutRegisterBuss/GetList", params)
                    .then(res => {
                        this.deptList = res.data;
                        console.log("挂号列表查询结果");
                        console.log(res);
                        this.total = res.data.TotalCount;
                        this.YYGHList = res.data.list;
                        for (var i = 0; i < this.YYGHList.length; i++) {
                            if (this.YYGHList[i].Status == 0) {
                                this.YYGHList[i].StatusName = "挂号"
                            }

                        }
                    })
                    .catch(err => {
                        console.log(err);
                    });
            },
            getYYGHInfor(Id) {
                var params = {
                    Id: Id
                };
                //POST /api/OutRegisterBuss/Get
                this.$get("OutRegisterBuss/Get", params)
                    .then(res => {
                        console.log("挂号详情查询结果");
                        console.log(res);
                        if (res.code == 0) {
                            this.YYGHInfor = res.data;
                            this.HZBQObj = this.YYGHInfor.OutRegister_Extend;
                            this.filePICList = [];
                            for (var i = 0; i < this.HZBQObj.Files.length; i++) {
                                this.HZBQObj.Files[i].FilePath = this.$getBaseIP() + this.HZBQObj.Files[i].FilePath

                            }
                            this.filePICList = this.HZBQObj.Files
                            this.ZJYJObj = this.YYGHInfor.OutRegister_Report;
                            this.SelectYPList = this.YYGHInfor.OutRegister_Drugs;
                        } else {
                            this.$message({
                                showClose: true,
                                message: res.msg,
                                type: "error"
                            });
                        }
                    })
                    .catch(err => {
                        console.log(err);
                    });
            },
            handleCurrentChange2(val) {
                console.log(`当前页: ${val}`);
                this.getGHListObj.page = val;
                this.getYYGHList()
            },
            handleClickJCItem(row) {
                console.log("选中预约号源")
                console.log(row);
                this.deleteYYGH(row.Id);
            },
            formatDateTime(date, dt) {
                var nd = date
                nd = nd.valueOf()
                nd = nd + dt * 24 * 60 * 60 * 1000
                nd = new Date(nd)
                var y = nd.getFullYear()// 获取年
                var m = nd.getMonth() + 1// 获取月
                var d = nd.getDate()// 获取天
                var h = nd.getHours()// 获取小时
                var f = nd.getMinutes()// 获取分钟
                var s = nd.getSeconds()// 获取秒
                if (m <= 9) m = '0' + m
                if (d <= 9) d = '0' + d
                if (h <= 9) h = '0' + h
                if (f <= 9) f = '0' + f
                if (s <= 9) s = '0' + s
                // var cdate = y + '-'  + m +  '-'  + d + ' '  + h +  ':'  + f +  ':'  + s;
                var cdate = y + '-' + m + '-' + d
                return cdate

            },
            handleClickInforItem(row) {
                console.log("就诊信息")
                console.log(row);
                this.selectYYGHObj = row;
                this.getYYGHInfor(row.Id);
                this.showDialog("MZInfor")
            },
            deleteRowYP(index, rows) {
                console.log("药品删除")
                console.log(rows[index]);
                if (rows[index].Id == -1) {
                    rows.splice(index, 1);
                } else {
                    this.deleteYPCF(rows[index].Id)
                }
            },
            //添加药品
            addYPCF() {
                var YpList = [];
                for (var i = 0; i < this.SelectYPList.length; i++) {
                    if (this.SelectYPList[i].Id == -1) {
                        YpList.push(this.SelectYPList[i]);
                    }
                }
                var params = YpList;
                //POST /api/OutRegisterDrug/CreateMud
                this.$post("OutRegisterDrug/CreateMud", params)
                    .then(res => {
                        console.log("添加处方结果");
                        console.log(res);
                        if (res.code == 0) {
                        } else {
                            this.$message({
                                showClose: true,
                                message: res.msg,
                                type: "error"
                            });
                        }
                    })
                    .catch(err => {
                        console.log(err);
                    });
            },
//添加药品
            deleteYPCF(Id) {
                var params = {
                    Id: Id
                };
                this.$post("OutRegisterDrug/Delete", params)
                    .then(res => {
                        console.log("删除处方结果");
                        console.log(res);
                        if (res.code == 0) {
                        } else {
                            this.$message({
                                showClose: true,
                                message: res.msg,
                                type: "error"
                            });
                        }
                    })
                    .catch(err => {
                        console.log(err);
                    });
            },
            /*添加基本病情*/
            addJBBQ() {
                if (this.selectYYGHObj == null) {
                    return
                }
                console.log("当前选中挂号患者")
                console.log(this.selectYYGHObj);
                this.HZBQObj.RegisterId = this.selectYYGHObj.Id
                for (var i = 0; i < this.filePICList.length; i++) {
                    this.filePICList[i].FilePath = this.filePICList[i].FilePath.toString().substr(this.filePICList[i].FilePath.toString().indexOf(',') + 1);
                }
                this.HZBQObj.Files = this.filePICList;
                this.HZBQObj.InPutTime = "2020-02-09T01:01:54.504Z";
                var params = this.HZBQObj;
                //POST /api/OutRegisterExtend/Create
                this.$post("OutRegisterExtend/Create", params)
                    .then(res => {
                        console.log("添加就诊信息结果");
                        console.log(res);
                        if (res.code == 0) {
                        } else {
                            this.$message({
                                showClose: true,
                                message: res.msg,
                                type: "error"
                            });
                        }
                    })
                    .catch(err => {
                        console.log(err);
                    });
            },
            /*添加专家意见*/
            addZJYJ() {
                if (this.selectYYGHObj == null) {
                    return
                }
                console.log("当前选中挂号患者")
                console.log(this.selectYYGHObj);

                this.ZJYJObj.RegisterId = this.selectYYGHObj.Id
                this.ZJYJObj.InPutTime = "2020-02-09T01:01:54.504Z";
                var params = this.ZJYJObj;
                //POST /api/OutRegisterReport/Create
                this.$post("OutRegisterReport/Create", params)
                    .then(res => {
                        console.log("添加专家意见结果");
                        console.log(res);
                        if (res.code == 0) {
                        } else {
                            this.$message({
                                showClose: true,
                                message: res.msg,
                                type: "error"
                            });
                        }
                    })
                    .catch(err => {
                        console.log(err);
                    });
            },

            /*****************附件上传*******************/
            changeUpload(file, fileList) {
                console.log("选择照片改变时")
                console.log(file)
                console.log(fileList)
                var That = this;
                var imgFile;
                var reader = new FileReader();     //html5读文件
                reader.readAsDataURL(file.raw); //转BASE64
                reader.onload = function (e) {        //读取完毕后调用接口
                    imgFile = e.target.result;
                    console.log("Base64图片：");
                    console.log(imgFile);
                    var Consult_File = {
                        Id: 0,
                        ConsultId: 0,
                        Code: "string",
                        addTime: "2020-01-01 00:00:00",
                        FilePath: imgFile,
                        ImgType: 0
                    }
                    That.filePICList.push(Consult_File);
                };
            },
            deleteRowPIC(index, rows) {
                rows.splice(index, 1);
            },
            /**********************************拍照****************************/
// 调用权限（打开摄像头功能）
            getCompetence() {
                var _this = this
                this.thisCancas = document.getElementById('canvasCamera')
                this.thisContext = this.thisCancas.getContext('2d')
                this.thisVideo = document.getElementById('videoCamera')
                // 旧版本浏览器可能根本不支持mediaDevices，我们首先设置一个空对象
                if (navigator.mediaDevices === undefined) {
                    navigator.mediaDevices = {}
                }
                // 一些浏览器实现了部分mediaDevices，我们不能只分配一个对象
                // 使用getUserMedia，因为它会覆盖现有的属性。
                // 这里，如果缺少getUserMedia属性，就添加它。
                if (navigator.mediaDevices.getUserMedia === undefined) {
                    navigator.mediaDevices.getUserMedia = function (constraints) {
                        // 首先获取现存的getUserMedia(如果存在)
                        var getUserMedia = navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.getUserMedia
                        // 有些浏览器不支持，会返回错误信息
                        // 保持接口一致
                        if (!getUserMedia) {
                            return Promise.reject(new Error('getUserMedia is not implemented in this browser'))
                        }
                        // 否则，使用Promise将调用包装到旧的navigator.getUserMedia
                        return new Promise(function (resolve, reject) {
                            getUserMedia.call(navigator, constraints, resolve, reject)
                        })
                    }
                }
                var constraints = {
                    audio: false,
                    video: {width: this.videoWidth, height: this.videoHeight, transform: 'scaleX(-1)'}
                }
                navigator.mediaDevices.getUserMedia(constraints).then(function (stream) {
                    // 旧的浏览器可能没有srcObject
                    if ('srcObject' in _this.thisVideo) {
                        _this.thisVideo.srcObject = stream
                    } else {
                        // 避免在新的浏览器中使用它，因为它正在被弃用。
                        _this.thisVideo.src = window.URL.createObjectURL(stream)
                    }
                    _this.thisVideo.onloadedmetadata = function (e) {
                        _this.thisVideo.play()
                    }
                }).catch(err => {
                    console.log(err)
                })
            },
//  绘制图片（拍照功能）
            setImage() {
                var _this = this
                // 点击，canvas画图
                _this.thisContext.drawImage(_this.thisVideo, 0, 0, _this.videoWidth, _this.videoHeight)
                // 获取图片base64链接
                var image = this.thisCancas.toDataURL('image/png')
                _this.imgSrc = image
                this.$emit('refreshDataList', this.imgSrc)
                this.stopNavigator();
            },
            okImage() {
                console.log("拍照图片Base64")
                console.log(this.imgSrc);
                var filePIC = this.dataURLtoFile(this.imgSrc, "123");
                console.log("图片文件")
                console.log(filePIC);
                var Consult_File = {
                    Id: 0,
                    ConsultId: 0,
                    Code: "string",
                    addTime: "2020-01-01 00:00:00",
                    FilePath: this.imgSrc,
                    ImgType: 0
                }
                this.filePICList.push(Consult_File);

                this.imgSrc = "";
                this.showDialog('')
                // this.getCompetence();
            },
// base64转文件
            dataURLtoFile(dataurl, filename) {
                var arr = dataurl.split(',')
                var mime = arr[0].match(/:(.*?);/)[1]
                var bstr = atob(arr[1])
                var n = bstr.length
                var u8arr = new Uint8Array(n)
                while (n--) {
                    u8arr[n] = bstr.charCodeAt(n)
                }
                return new File([u8arr], filename, {type: mime})
            },
// 关闭摄像头
            stopNavigator() {
                this.thisVideo.srcObject.getTracks()[0].stop()

            },
//获取医院药品
            getDrugList2YY() {
                this.YYYPList = [];
                // if (this.YYGHInfor == null) {
                //     this.$message({
                //         showClose: true,
                //         message: "请选择医院！",
                //         type: "error"
                //     });
                //     return
                // }
                var params = {
                    name: this.DrugName,
                    HospitalId: this.YYGHInfor.OutRegister.HospitalId
                };
                //GET /api/DrugStorage/GetList
                this.$get("DrugStorage/GetList", params)
                    .then(res => {
                        console.log("医院药品列表查询结果");
                        console.log(res);
                        this.YYYPList = res.data;


                    })
                    .catch(err => {
                        console.log(err);
                    });
            },
            /*************************************************/
            handleCurrentChange(val) {
                console.log("选中药品")
                console.log(val);
                console.log("就诊详情")
                console.log(this.YYGHInfor)
                var YPobj = {
                    Id: -1,
                    RegisterId: this.YYGHInfor.OutRegister.Id,
                    PresId: this.YYGHInfor.OutRegister.PatientId,
                    Code: val.Id,
                    Name: val.Name,
                    Describe: val.Describe,
                    Usage: val.Usage,
                    Frequency: val.Frequency,
                    Quantity: 0,
                    Unit: val.Unit,
                    Dose: val.Dose,
                    DoseUnit: val.DoseUnit,
                    GroupNo: 0,
                    Status: 0,
                    InPutTime: "2020-02-10T06:21:36.765Z",
                    InPutUserId: 0,
                    VerifyTime: "2020-02-10T06:21:36.765Z",
                    VerifyUserId: 0
                }
                this.SelectYPList.push(YPobj)
                this.showDialogYP("")
            },
            showDialog(show) {
                this.isShow = show;
                if (show == "") {
                    this.selectYYGHObj = null
                }
            },
            showDialogYP(show) {
                this.isShowYP = show;
                if (show == "TJYP") {
                    this.getDrugList2YY();
                }
            },
            handleClick(tab, event) {
                console.log(tab, event);
                this.getReferralList()
            },

            deleteRow(index, rows) {
                rows.splice(index, 1);
            },
            /****************************************远程会诊***********************************************************/
            querySearchAsync(queryString, cb) {
                var restaurants = this.restaurants;
                var results = queryString ? restaurants.filter(this.createStateFilter(queryString)) : restaurants;
                this.restaurants = [];
                var params = {
                    kind: "1",
                    name: queryString
                };
                //GET /api/RequestBuss/getTestCheckItem
                this.$get("RequestBuss/getTestCheckItem", params)
                    .then(res => {
                        console.log("检验列表查询结果");
                        console.log(res);
                        this.restaurants = res.data;
                        this.restaurants.forEach(m => {
                            m.value = m.ItemName;
                            m.pym = m.ItemName;
                            m.code = m.ItemCode;
                        })
                        cb(results);
                    })
                    .catch(err => {
                        console.log(err);
                    });
                // clearTimeout(this.timeout);
                // this.timeout = setTimeout(() => {
                //     cb(results);
                // }, 3000 * Math.random());
            },
            createStateFilter(queryString) {
                return (state) => {
                    return (state.value.toLowerCase().indexOf(queryString.toLowerCase()) === 0
                        || state.pym.toLowerCase().indexOf(queryString.toLowerCase()) ==
                        0 || state.code.toLowerCase().indexOf(queryString.toLowerCase()) ==
                        0);
                };
            },
            handleSelect(item) {
                console.log(item);
                this.selectJYObj = item;
                console.log("添加检验项目");
                console.log(this.selectJYObj);
            },
            addJYItem() {
                if (this.selectJYObj != null) {
                    var Request_Test = {
                        Id: -1,
                        Code: this.selectJYObj.code,
                        name: this.selectJYObj.ItemName,
                        RequestTime: this.stateTime
                    }
                    this.addJYObj.Request_TestDetails.push(Request_Test);
                    this.showDialog('');
                    this.selectJYObj = null
                    this.stateTime = "";
                    this.state = ""
                }
            },
            saveJYObj() {
                this.addJYObj.Request.BigType = 1;//1检验，2检查
                this.addJYObj.Request.rHospital = this.LoginInfor.HospitalId
                this.addJYObj.Request.rDoctor = this.LoginInfor.UserId;
                this.addJYObj.Request.rDept = this.LoginInfor.DeptId;

                this.addJYObj.Request.PatientName = this.addJYObj.PatientInfo.Name;
                var params = this.addJYObj;
                //POST /api/RequestBuss/Create
                this.$post("RequestBuss/Create", params)
                    .then(res => {
                        console.log("新增检验结果");
                        console.log(res);
                        if (res.code == 0) {
                            this.addJYObj = {
                                //检查化验对象实
                                Request: {
                                    Id: -1,
                                    BigType: 1,
                                    rHospital: 0,
                                    rDept: 0,
                                    rDoctor: 0,
                                    sHospital: 0,
                                    PatientId: "",
                                    PatientName: "",
                                    Condition: 0,
                                    Diagnosis: "",
                                    CreateId: 0,
                                    CreateTime: "2020-01-20T01:28:43.707Z",
                                    STATUS: 0,
                                    Cost: 0,
                                    CheckAim: 0
                                },
                                //患者信息
                                PatientInfo: {
                                    Id: 0,
                                    ReferralId: 0,
                                    Catagory: 0,
                                    PatientId: "-1",
                                    IDCard: 0,
                                    Name: "",
                                    Sex: 0,
                                    Age: 0,
                                    AgeUnit: 0,
                                    Marital: 0,
                                    Condition: 0,
                                    Weight: "",
                                    Height: "",
                                    BMI: "",
                                    Country: 0,
                                    Nation: 0,
                                    Born: "",
                                    MedicalCatagory: 0,
                                    MedicalCard: "",
                                    TelePhone: "",
                                    Occupation: "",
                                    Address: "",
                                    Dept: "",
                                    SeekCatagory: 0,
                                    InDate: "",
                                    OutDate: ""
                                },
                                Request_Files: [],
                                Request_CehckDetails: [],
                                Request_TestDetails: []
                            }
                        }
                    })
                    .catch(err => {
                        console.log(err);
                    });
            },
            getReferralList() {
                this.JYSQList = [];
                var params = this.getJYInforObj;
                this.$get("RequestBuss/GetList", params)
                    .then(res => {
                        console.log("检验申请列表查询结果");
                        console.log(res);
                        if (res.code == 0) {
                            this.total = res.data.TotalCount
                            this.JYSQList = res.data.list[0].Table;
                        }
                    })
                    .catch(err => {
                        console.log(err);
                    });
            },
            getReferralInfor(Id) {
                var params = {
                    RequestId: Id
                };
                //GET /api/RequestBuss/Get
                this.$get("RequestBuss/Get", params)
                    .then(res => {
                        console.log("检验明细查询结果");
                        console.log(res);
                        if (res.code == 0) {
                            this.JYInforObj = res.data
                            this.showDialog("Infor")
                        }
                    })
                    .catch(err => {
                        console.log(err);
                    });
            },
            getZZJGList() {
                this.zzjgList = [];
                var params = {
                    name: ""
                };
                this.$get("Hospital/GetList", params)
                    .then(res => {
                        //this.total = res.data.totalCount;
                        this.zzjgList = res.data;

                        console.log("组织机构列表查询结果");
                        console.log(res);
                    })
                    .catch(err => {
                        console.log(err);
                    });
            },
        },
        created() {
            this.msg = this.$route.query;
            console.log("接收过来的传参#############################################################################")
            console.log(this.msg)
            if(this.msg.Token!=null&&this.msg.Token!=""){
                console.log("设置Token")
                this.$setToken(this.msg.Token)
                this.$setItemUrl(this.msg.ItemIP)
            }else{
                console.log("Token为空")
            }
            var loginInfor = localStorage.getItem('LoginInfor');
            this.LoginInfor = JSON.parse(loginInfor);
            console.log("个人登录信息");
            console.log(this.LoginInfor);
            if (this.LoginInfor == null) {
                this.LoginInfor = {
                    SectionName: "",
                    UserName: ""
                }
            }
            this.getZZJGList();
            this.getGHListObj.regdate = this.formatDateTime(new Date(), 0);
            this.getPCList();
            this.getYFList();
            this.getYYGHList();
        }
    };
</script>
<style lang="scss">
    .NumbeRFMaintenMZGHJZ {
        .selectTime {
            .el-input__icon {
                height: 100%;
                width: 25px;
                display: none;
                text-align: center;
                -webkit-transition: all .3s;
                transition: all .3s;
                line-height: 40px;
            }

            .input {
                width: 90px !important;
                height: 28px !important;
            }


        }

        .ypList {
            .el-input__inner {
                height: 20px !important;
                padding: 0 0 0 15px !important;
            }

            .el-input__inner {
                -webkit-appearance: none;
                background-color: #FFF;
                background-image: none;
                border-radius: 4px;
                border: 1px solid #DCDFE6;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                color: #606266;
                display: inline-block;
                font-size: 10px !important;
                height: 40px;
                line-height: 40px;

                -webkit-transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
                transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
                width: 100%;
            }

            .el-autocomplete-suggestion li {
                padding: 0px 6px !important;
                margin: 0;
                line-height: 34px;
                cursor: pointer;
                color: #606266;
                font-size: 10px !important;
                list-style: none;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }
        }

        .selectPic {
            ul {
                padding: 0;
                display: none;
            }
        }

        .camera_outer {
            position: relative;
            overflow: hidden;
            background: #0a1015;
            background-size: 100%;

            video, canvas, .tx_img {
                -moz-transform: scaleX(-1);
                -webkit-transform: scaleX(-1);
                -o-transform: scaleX(-1);
                transform: scaleX(-1);
            }

            .btn_camera {
                position: absolute;
                bottom: 4px;
                left: 0;
                right: 0;
                height: 50px;
                background-color: rgba(0, 0, 0, 0.3);
                line-height: 50px;
                text-align: center;
                color: #ffffff;
            }

            .bg_r_img {
                position: absolute;
                bottom: 0;
                left: 0;
                right: 0;
                top: 0;
            }

            .img_bg_camera {
                position: absolute;
                bottom: 0;
                left: 0;
                right: 0;
                top: 0;

                img {
                    width: 100%;
                    height: 100%;
                }

                .img_btn_camera {
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    right: 0;
                    height: 50px;
                    line-height: 50px;
                    text-align: center;
                    background-color: rgba(0, 0, 0, 0.3);
                    color: #ffffff;

                    .loding_img {
                        width: 50px;
                        height: 50px;
                    }
                }
            }
        }

        .Dilog {
            .column2 {
                width: 1116px;
                margin: 50px auto;
                background: #fff;
                border-radius: 5px;
                position: relative;
            }

            .form-control {
                width: 96px !important;
            }
        }

        .DilogYP {
            .column2 {
                width: 680px;
                margin: 50px auto;
                background: #fff;
                border-radius: 5px;
                position: relative;
            }

            .form-control {
                width: 96px !important;
            }
        }

        .div_P {
            .form-control {
                display: inline-block;
                width: 12rem;
                height: 32px;
                padding: 5px 12px;
                font-size: 14px;
                line-height: 1.42857143;
                color: #555;
                background-color: #fff;
                background-image: none;
                border: 1px solid #ccc;
                border-radius: 4px;
                -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
                box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
                -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
                transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
                transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
                transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
            }

            .form-group {
                height: 45px;
                margin: 0;
                line-height: 32px;
                padding: 6px 15px 0 15px;
            }
        }

        .elRadioYygh {
            .column2 label {
                width: 52px !important;
            }

            .el-radio-button__inner {

                padding: 6px 11px;

            }
        }

        .fjtable {
            .el-table {
                font-size: 10px !important;
            }
        }

        .cardP {
            .text {
                font-size: 14px;
            }

            .el-card__header {
                padding: 18px 20px;
                border-bottom: 1px solid #EBEEF5;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                background-color: azure;
            }

            .item {
                margin-bottom: 18px;
            }

            .clearfix:before,
            .clearfix:after {
                display: table;
                content: "";
            }

            .clearfix:after {
                clear: both
            }

            .box-card {
                width: 100%;
            }
        }

        .cardPdd {
            .text {
                font-size: 14px;
            }

            .el-card__header {
                padding: 18px 20px;
                border-bottom: 1px solid #EBEEF5;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                background-color: azure;
            }

            .item {
                margin-bottom: 18px;
            }

            .clearfix:before,
            .clearfix:after {
                display: table;
                content: "";
            }

            .clearfix:after {
                clear: both
            }

            .box-card {
                width: 100%;
            }

            .el-card__body {
                padding: 2px;
            }
        }

        .cardPD {
            .text {
                font-size: 12px;
            }

            .el-card__header {
                padding: 8px 20px;
                border-bottom: 1px solid #EBEEF5;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                background-color: azure;
            }

            .item {
                margin-bottom: 18px;
            }

            .clearfix:before,
            .clearfix:after {
                display: table;
                content: "";
            }

            .clearfix:after {
                clear: both
            }

            .box-card {
                width: 100%;
            }
        }

        .cardC {
            .text {
                font-size: 14px;
            }

            .el-card__header {
                padding: 10px 20px;
                border-bottom: 1px solid #EBEEF5;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                background-color: white;
            }

            .el-card__body {
                padding: 8px;
            }

            .item {
                margin-bottom: 18px;
            }

            .clearfix:before,
            .clearfix:after {
                display: table;
                content: "";
            }

            .clearfix:after {
                clear: both
            }

            .box-card {
                width: 100%;
            }
        }


        .el-tree-node.is-current > .el-tree-node__content {
            color: #fff;
            background: #155a00 !important;
        }

        .dRightMain {
            padding: 18px;
        }

        .custom-tree-node {
            flex: 1;
            display: flex;
            align-items: center;
            justify-content: space-between;
            font-size: 14px;
            padding-right: 8px;
        }

        .el-table {
            font-size: 14px !important;
        }

        .el-table thead {
            color: #303133;
        }

        .dRightMain .Tb {
            position: absolute;
            top: 91px;
            left: 240px;
            right: 15px;
            bottom: 0;
            border: 1px solid #ddd;
        }
    }

</style>
